define([], () => {
  
  const FeHeader = {
    template: `
    <!-- 公用头部 -->
    <header class="am-topbar am-topbar-inverse am-topbar-fixed-top">
      <div class="am-g max-width-1400">
        <h1 class="am-topbar-brand">
        <!-- <a href="#" class="am-text-ir">LOGO图标</a> -->
        设计大赛LOGO
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}">
          <span class="am-sr-only">导航切换</span>
          <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
          <ul class="am-nav am-nav-pills am-topbar-nav">
            <slot></slot>
          </ul>

          <div class="am-topbar-right" v-for="(btn, index) in btnData">
            <router-link :to='btn.href' class="am-btn am-btn-success am-topbar-btn am-btn-sm">{{ btn.name }}
            </router-link>
          </div>
        </div>
      </div>
    </header>
    `.replace(/[\r\n]/g, ""),
    props: {
      btnData: {
        type: Array,
        required: false
      }
    },
    data() {
      return {
        name: 'FeHeader'
      }
    },
    mounted() {
      
    }
  }

  return FeHeader;
});